<template>
	<view class="bg">
		<view class="line">
		</view>
		<view class="text">
			{{title}}
		</view>
	</view>
</template>

<script>
	export default {
		name: 'GroupBar',
		props: {
			title: String
		},
		data () {
			return {
			}
		}
	}
</script>

<style>
	.bg {
		background-color: #f4f4f4;
		display: flex;
		padding: 30rpx 20rpx;
	}
	.line {
		height: 30rpx;
		width: 5rpx;
		background-color: #267DFF;
	}
	.text {
		font-size: 26rpx;
		line-height: 30rpx;
		color: #000000;
		margin-left: 10rpx;
		overflow: hidden;
		text-overflow:ellipsis; 
		white-space: nowrap;
	}
</style>
